<!DOCTYPE html>
<!--
This file is part of Cockpit.

Copyright (C) 2015 Red Hat, Inc.

Cockpit is free software; you can redistribute it and/or modify it
under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation; either version 2.1 of the License, or
(at your option) any later version.

Cockpit is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
-->
<html>

<head>
  <title translate>Journal</title>
  <meta charset="utf-8">
  <link href="logs.css" rel="stylesheet">
  <script type="text/javascript" src="../base1/jquery.js"></script>
  <script type="text/javascript" src="../base1/cockpit.js"></script>
  <script src="../*/po.js"></script>
</head>

<body class="pf-m-redhat-font">
  <div id="journal">
    <div class="content-header-extra">
      <div class="filters">
        <div class="filter">
            <button id="log-filters" class="btn btn-default dropdown-toggle ct-select" type="button" data-toggle="dropdown">
              <span translate>Time</span>
              <div class="caret"></div>
            </button>
            <ul class="dropdown-menu" id="logs-predefined-filters">
              <li><a tabindex="0" data-key="boot" data-value="0" translate>Current boot</a></li>
              <li><a tabindex="0" data-key="boot" data-value="-1" translate>Previous boot</a></li>
              <li><a tabindex="0" data-key="since" data-value="-24hours" translate>Last 24 hours</a></li>
              <li><a tabindex="0" data-key="since" data-value="-7days" translate>Last 7 days</a></li>
            </ul>
        </div>

        <div class="filter">
            <label for="journal-prio-menu" translate>Priority</label>
            <select id="journal-prio-menu" class="ct-select">
              <option value="emerg" translate>Only emergency</option>
              <option value="alert" translate>Alert and above</option>
              <option value="crit" translate>Critical and above</option>
              <option value="err" translate>Error and above</option>
              <option value="warning" translate>Warning and above</option>
              <option value="notice" translate>Notice and above</option>
              <option value="info" translate>Info and above</option>
              <option value="debug" translate>Debug and above</option>
            </select>
        </div>

        <div class="filter">
            <label for="journal-service-menu" translate>Identifier</label>
            <select id="journal-service-menu" class="ct-select">
                <!-- This is filled by from logs.js !-->
            </select>
        </div>

        <div class="filter text-search">
            <label for="journal-grep" translate>Text</label>
            <span class="filter-group">
                <input id="journal-grep" class="form-control" type="text" translate="placeholder" placeholder="Type to filter">
                <div id="logs-help" class="dropdown">
                  <a role="link" tabindex="0" id="logs-help-toggle" class="dropdown-toggle dropdown-form-control" data-toggle="dropdown">
                    <span class="pficon pficon-help"></span>
                  </a>
                  <div id="logs-help-menu" class="dropdown-menu">
                    <span translate>Search the logs with a combination of terms:</span>
                    <ul>
                        <li><span translate>qualifiers</span>, <span translate>e.g.</span> 'priority:', 'identifier:', 'service:'</li>
                        <li><span translate>log fields</span>, <span translate>e.g.</span> '_EXE=/usr/bin/python'</li>
                        <li translate>any free-form string as regular expression</li>
                    </ul>
                    <span class="help-links">
                        <a href="https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/8/html/managing_systems_using_the_rhel_8_web_console/reviewing-logs_system-management-using-the-rhel-8-web-console#filtering-logs-in-the-web-console_reviewing-logs" target="blank" rel="noopener noreferrer"><span translate>Learn more</span><i class="fa fa-external-link fa-xs"></i></a>
                        <a href="https://www.freedesktop.org/software/systemd/man/journalctl.html" target="blank" rel="noopener noreferrer"><span translate>journalctl manpage</span><i class="fa fa-external-link fa-xs"></i></a>
                    </span>
                    <span class="journal-cmd">
                        <pre id="journal-query"></pre>
                        <button class="copy-cmd" id="journal-cmd-copy"><i class="fa fa-clipboard fa-xs"></i></button>
                    </span>
                  </div>
                </div>
            </span>
        </div>
      </div>

      <div class="filter-separator"></div>

      <div class="filter-actions">

        <span class="filters-toggle" hidden>
          <button class="link-button" translate>Show filters</button>
        </span>

        <button id="journal-follow" class="pf-c-button pf-m-secondary" type="button" translate>Pause</button>
      </div>
    </div>

    <div id="journal-box" class="container-fluid"></div>
  </div>

  <div id="journal-entry" class="container-fluid" hidden>
    <ol class="breadcrumb">
      <li><a role="link" tabindex="0" id="journal-navigate-home" translate="yes">Logs</a></li>
      <li id="journal-entry-crumb" class="active" translate="yes">Entry</li>
    </ol>
    <h2 id="journal-entry-heading"></h2>
    <table class="info-table-ct panel panel-default" id="journal-entry-fields">
    </table>
  </div>

  <script type="text/javascript" src="logs.js"></script>
</body>

</html>

